<!doctype html>
<html lang="zh-CH">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <title>央票通商城</title>
    <link rel="stylesheet" href="./resource/css/ypt_index.css">
</head>
<body>
<!-- 顶部 -->
<div class="head">
    <div class="top-nav">
        <div class="main">
            <div class="left">
                <span>您好，欢迎来到央票通！</span>
                <!-- 未登录 -->
                <a href="javascript:;" class="a-login">请登录</a>
                <!-- 登录后 -->
                <!-- <span class="login-after">
                    <a href="javascript:;">您好，苏明（186****4566）</a>
                    <a href="javascript:;">退出</a>
                </span> -->
                <a href="javascript:;" class="a-register">免费注册</a>
            </div>
            <div class="right">
                <ul>
                    <li><a href="javascript:;">央票通首页</a><span>|</span></li>
                    <!-- <li><a href="javascript:;">我的订单</a><span>|</span></li> -->
                    <li><a href="javascript:;">在线客服</a><span>|</span></li>
                    <li><span class="last">客服热线：180-1866-7777</span></li>
                </ul>
            </div>
        </div>
    </div>
    <div class="top">
        <div class="main">
            <div class="logo left">
                <a href="javascript:;"><img src="./resource/img/logo_shop.png" alt=""></a>
            </div>
            <div class="form left">
                <form action="">
                    <input type="text" placeholder="请输入关键字" class="form-input">
                    <button type="submit">搜索</button>
                </form>
            </div>
        </div>
    </div>
</div>
<!-- 导航 -->
<div class="nav">
    <div class="main">
        <div class="nav-all left" rel="show">
            <div class="all-tit">
                <i></i>
                <a href="javascript:;">商品分类</a>
                <span></span>
            </div>
            <div class="all-wrap">
                <ul>
                    <li class="wrap-list list-1">
                        <div class="list-t">
                            <a href="javascript:;">
                                <i></i>
                                <span>木材</span>
                                <span class="right">&#62</span>
                            </a>
                        </div>
                        <div class="list-con">
                            <a href="javascript:;">辐射松</a>
                            <a href="javascript:;">樟子松</a>
                            <a href="javascript:;">落叶松</a>
                        </div>
                        <div class="list-right">
                            <a href="javascript:;">辐射松</a>
                            <a href="javascript:;">樟子松</a>
                            <a href="javascript:;">落叶松</a>
                            <a href="javascript:;">南方松</a>
                            <a href="javascript:;">花旗松</a>
                            <a href="javascript:;">铁杉</a>
                            <a href="javascript:;">云杉</a>
                            <a href="javascript:;">柳松</a>
                            <a href="javascript:;">黄松</a>
                            <a href="javascript:;">奥松</a>
                        </div>
                    </li>
                    <li class="wrap-list list-3">
                        <div class="list-t">
                            <a href="javascript:;">
                                <i></i>
                                <span>模板</span>
                                <span class="right">&#62</span>
                            </a>
                        </div>
                        <div class="list-con">
                            <a href="javascript:;">铝模板</a>
                            <a href="javascript:;">松木模板</a>
                            <a href="javascript:;">塑料模板</a>
                        </div>
                        <div class="list-right">
                            <div class="clear two-t">模板</div>
                            <a href="javascript:;">松木模板</a>
                            <a href="javascript:;">杨木模板</a>
                            <a href="javascript:;">桦木模板</a>
                            <a href="javascript:;">铝模板</a>
                            <a href="javascript:;">塑料模板</a>
                        </div>
                    </li>
                    <li class="wrap-list list-2">
                        <div class="list-t">
                            <a href="javascript:;">
                                <i></i>
                                <span>钢材</span>
                                <span class="right">&#62</span>
                            </a>
                        </div>
                        <div class="list-con">
                            <a href="javascript:;">螺纹钢</a>
                            <a href="javascript:;">盘螺</a>
                            <a href="javascript:;">线材</a>
                        </div>
                        <div class="list-right">
                            <a href="javascript:;">螺纹钢</a>
                            <a href="javascript:;">盘螺</a>
                            <a href="javascript:;">线材</a>
                        </div>
                    </li>
                    <li class="wrap-list  list-4">
                        <div class="list-t">
                            <a href="javascript:;">
                                <i></i>
                                <span>瓷砖</span>
                                <span class="right">&#62</span>
                            </a>
                        </div>
                        <div class="list-con">
                            <a href="javascript:;">全抛釉</a>
                            <a href="javascript:;">微晶石</a>
                            <a href="javascript:;">仿古砖</a>
                        </div>
                        <div class="list-right">
                            <div class="clear two-t">全抛釉</div>
                            <a href="javascript:;">浅色系</a>
                            <a href="javascript:;">深色系</a>
                            <a href="javascript:;">玉石系列</a>
                            <a href="javascript:;">大理石系列</a>
                            <a href="javascript:;">超平釉</a>
                            <a href="javascript:;">厚抛釉</a>
                            <div class="clear two-t">微晶石</div>
                            <a href="javascript:;">浅色系</a>
                            <a href="javascript:;">深色系</a>
                            <a href="javascript:;">玉石系列</a>
                            <a href="javascript:;">大理石系列</a>
                            <a href="javascript:;">抛晶瓷砖</a>
                            <a href="javascript:;">超晶石</a>
                            <div class="clear two-t">仿古砖</div>
                            <a href="javascript:;">真石印象</a>
                            <a href="javascript:;">古堡之美</a>
                            <a href="javascript:;">初秋风韵</a>
                            <a href="javascript:;">古色古香</a>
                            <a href="javascript:;">永恒魅力</a>
                            <a href="javascript:;">地中海</a>
                            <div class="clear two-t">玻化砖</div>
                            <a href="javascript:;">E时代系列</a>
                            <a href="javascript:;">玉龙石</a>
                            <a href="javascript:;">欧美风情</a>
                            <a href="javascript:;">生态石</a>
                            <a href="javascript:;">月影风华</a>
                            <a href="javascript:;">罗马石</a>
                            <a href="javascript:;">冰河世纪</a>


                            <div class="clear two-t">
                                <a href="javascript:;">厨卫瓷砖系列</a>
                                <a href="javascript:;">木纹瓷砖系列</a>
                                <a href="javascript:;">背景墙系列</a>
                                <a href="javascript:;">配套系列</a>
                            </div>
                            <!-- <div class="clear two-t">厨卫瓷砖</div>
                            <a href="javascript:;">300X450mm</a>
                            <a href="javascript:;">300X600</a>
                            <a href="javascript:;">400X800</a>
                            <a href="javascript:;">300X300</a>
                            <a href="javascript:;">花片系列</a>
                            <a href="javascript:;">腰线系列</a>
                            <div class="clear two-t">木纹瓷砖</div>
                            <a href="javascript:;">600X600mm</a>
                            <a href="javascript:;">800X800mm</a>
                            <a href="javascript:;">150X600</a>
                            <a href="javascript:;">150X800</a>
                            <a href="javascript:;">160X900</a>
                            <a href="javascript:;">200X1000</a>
                            <div class="clear two-t">背景墙</div>
                            <a href="javascript:;">电视背景墙</a>
                            <a href="javascript:;">中式风格</a>
                            <a href="javascript:;">欧式风格</a>
                            <a href="javascript:;">大自然</a>
                            <a href="javascript:;">抽象艺术</a>
                            <a href="javascript:;">来图定做</a>
                            <div class="clear two-t">配套系列</div>
                            <a href="javascript:;">踢脚线</a>
                            <a href="javascript:;">波导线</a>
                            <a href="javascript:;">岗石线条</a>
                            <a href="javascript:;">艺术瓷砖</a>
                            <a href="javascript:;">拼花系列</a>
                            <a href="javascript:;">马赛克</a>
                            <a href="javascript:;">木地板</a>
                            <a href="javascript:;">外墙砖</a> -->
                        </div>
                    </li>
                    <li class="wrap-list  list-5">
                        <div class="list-t">
                            <a href="javascript:;">
                                <i></i>
                                <span>卫浴</span>
                                <span class="right">&#62</span>
                            </a>
                        </div>
                        <div class="list-con">
                            <a href="javascript:;">洗脸盆</a>
                            <a href="javascript:;">座便器</a>
                            <a href="javascript:;">水龙头</a>
                        </div>
                        <div class="list-right">
                            <div class="clear two-t">洗脸盆</div>
                            <a href="javascript:;">台上盆</a>
                            <a href="javascript:;">台下盆</a>
                            <a href="javascript:;">嵌入式台盆</a>
                            <a href="javascript:;">立柱盆</a>
                            <a href="javascript:;">挂墙台盆</a>
                            <a href="javascript:;">浴室柜</a>
                            <div class="clear two-t">座便器</div>
                            <a href="javascript:;">普通马桶</a>
                            <a href="javascript:;">智能马桶</a>
                            <a href="javascript:;">蹲便器</a>
                            <a href="javascript:;">智能马桶盖</a>
                            <a href="javascript:;">儿童马桶</a>
                            <div class="clear two-t">水龙头</div>
                            <a href="javascript:;">脸盆龙头</a>
                            <a href="javascript:;">浴缸龙头</a>
                            <a href="javascript:;">厨房龙头</a>
                            <a href="javascript:;">电热龙头</a>
                            <a href="javascript:;">其它类</a>
                            <div class="clear two-t">淋浴柱</div>
                            <a href="javascript:;">顶喷头</a>
                            <a href="javascript:;">大淋浴花洒</a>
                            <a href="javascript:;">手持花洒</a>
                            <a href="javascript:;">按摩/雨淋</a>
                            <a href="javascript:;">喷雾/恒温</a>

                            <div class="clear two-t">
                                <a href="javascript:;">浴缸系列</a>
                                <a href="javascript:;">淋浴房系列</a>
                                <a href="javascript:;">挂件系列</a>
                                <a href="javascript:;">更多类...</a>
                            </div>
                            <!-- <div class="clear two-t">座便器</div>
                            <a href="javascript:;">普通马桶</a>
                            <a href="javascript:;">智能马桶</a>
                            <a href="javascript:;">蹲便器</a>
                            <a href="javascript:;">智能马桶盖</a>
                            <a href="javascript:;">儿童马桶</a>
                            <div class="clear two-t">更多类</div>
                            <a href="javascript:;">浴巾架</a>
                            <a href="javascript:;">毛巾杆</a>
                            <a href="javascript:;">置物架</a> -->
                        </div>
                    </li>
                </ul>
            </div>
        </div>
        <div class="nav-ul left">
            <ul>
                <li class="active"><a href="javascript:;">首页</a></li>
                <li><a href="javascript:;">木材</a></li>
                <li><a href="javascript:;">钢材</a></li>
                <li><a href="javascript:;">模板</a></li>
                <li><a href="javascript:;">瓷砖</a></li>
                <li><a href="javascript:;">卫浴</a></li>
                <li><a href="javascript:;">手机客户端</a></li>
            </ul>
        </div>
    </div>
</div>
<!-- banner -->
<div class="banner">
    <ul class="slides">
        <li class="active"><a href="javascript:;"><img src="./resource/img/banner_1.jpg" alt=""></a></li>
        <li><a href="javascript:;"><img src="./resource/img/banner_2.jpg" alt=""></a></li>
        <li><a href="javascript:;"><img src="./resource/img/banner_3.jpg" alt=""></a></li>
    </ul>
</div>
<!-- shopcont -->
<div class="shop-cont main">
    <!-- 楼层1 -->
    <div class="floor floor-1" id="floor-1">
        <div class="floor-til">
            <h2><span>1F</span> 木材</h2>
            <a href="javascript:;">更多 &#62</a>
        </div>
        <div class="floor-cont">
            <div class="floor-l left">
                <div class="l-img">
                    <a href="javascript:;"><img src="./resource/img/floor_l_1.jpg" alt=""></a>
                </div>
                <div class="l-cation">
                    <a href="javascript:;">辐射松</a>
                    <a href="javascript:;">樟子松</a>
                    <a href="javascript:;">落叶松</a>
                    <a href="javascript:;">南方松</a>
                    <a href="javascript:;">花旗松</a>
                    <a href="javascript:;">铁杉</a>
                    <a href="javascript:;">云杉</a>
                    <a href="javascript:;">柳松</a>
                    <a href="javascript:;">黄松</a>
                    <a href="javascript:;">奥松</a>
                </div>
            </div>
            <div class="floor-r left">
                <div class="floor-shop">
                    <div class="shop-img">
                        <a href="javascript:;"><img src="./resource/img/floor_shop_11.jpg" alt=""></a>
                    </div>
                    <div class="shop-info">
                        <a href="javascript:;" class="name"><span>樟子松</span></a>
                        <div class="price">产地：俄罗斯、源头直供</div>
                    </div>
                </div>
                <div class="floor-shop">
                    <div class="shop-img">
                        <a href="javascript:;"><img src="./resource/img/floor_shop_12.jpg" alt=""></a>
                    </div>
                    <div class="shop-info">
                        <a href="javascript:;" class="name"><span>落叶松</span></a>
                        <div class="price">产地：东北、源头直供</div>
                    </div>
                </div>
                <div class="floor-shop">
                    <div class="shop-img">
                        <a href="javascript:;"><img src="./resource/img/floor_shop_13.jpg" alt=""></a>
                    </div>
                    <div class="shop-info">
                        <a href="javascript:;" class="name"><span>花旗松</span></a>
                        <div class="price">产地：新西兰、源头直供</div>
                    </div>
                </div>
                <div class="floor-shop">
                    <div class="shop-img">
                        <a href="javascript:;"><img src="./resource/img/floor_shop_14.jpg" alt=""></a>
                    </div>
                    <div class="shop-info">
                        <a href="javascript:;" class="name"><span>白松</span></a>
                        <div class="price">产地：俄罗斯、源头直供</div>
                    </div>
                </div>
                <div class="floor-shop">
                    <div class="shop-img">
                        <a href="javascript:;"><img src="./resource/img/floor_shop_15.jpg" alt=""></a>
                    </div>
                    <div class="shop-info">
                        <a href="javascript:;" class="name"><span>加松</span></a>
                        <div class="price">产地：加拿大、源头直供</div>
                    </div>
                </div>
                <div class="floor-shop">
                    <div class="shop-img">
                        <a href="javascript:;"><img src="./resource/img/floor_shop_16.jpg" alt=""></a>
                    </div>
                    <div class="shop-info">
                        <a href="javascript:;" class="name"><span>云杉</span></a>
                        <div class="price">产地：东北、源头直供</div>
                    </div>
                </div>
                <div class="floor-shop">
                    <div class="shop-img">
                        <a href="javascript:;"><img src="./resource/img/floor_shop_17.jpg" alt=""></a>
                    </div>
                    <div class="shop-info">
                        <a href="javascript:;" class="name"><span>铁杉</span></a>
                        <div class="price">产地：美国、源头直供</div>
                    </div>
                </div>
                <div class="floor-shop">
                    <div class="shop-img">
                        <a href="javascript:;"><img src="./resource/img/floor_shop_18.jpg" alt=""></a>
                    </div>
                    <div class="shop-info">
                        <a href="javascript:;" class="name"><span>辐射松</span></a>
                        <div class="price">产地：新西兰、源头直供</div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- 楼层2 -->
    <div class="floor floor-2" id="floor-2">
        <div class="floor-til">
            <h2><span>2F</span> 模板</h2>
            <a href="javascript:;">更多 &#62</a>
        </div>
        <div class="floor-cont">
            <div class="floor-l left">
                <div class="l-img">
                    <a href="javascript:;"><img src="./resource/img/floor_l_3.jpg" alt=""></a>
                </div>
                <div class="l-cation">
                    <a href="javascript:;">松木模板</a>
                    <a href="javascript:;">杨木模板</a>
                    <a href="javascript:;">桦木模板</a>
                    <a href="javascript:;">铝模板</a>
                    <a href="javascript:;">塑料模板</a>
                    <a href="javascript:;">酚醛胶</a>
                    <a href="javascript:;">三聚氰胺胶</a>
                    <a href="javascript:;">尿胶</a>
                </div>
            </div>
            <div class="floor-r left">
                <div class="floor-shop">
                    <div class="shop-img">
                        <a href="javascript:;"><img src="./resource/img/floor_shop_31.jpg" alt=""></a>
                    </div>
                    <div class="shop-info">
                        <a href="javascript:;" class="img"><img src="./resource/img/floor_shop_3_1.jpg" alt="" style="width=:100%;height:auto;"></a>
                    </div>
                </div>
                <div class="floor-shop">
                    <div class="shop-img">
                        <a href="javascript:;"><img src="./resource/img/floor_shop_32.jpg" alt=""></a>
                    </div>
                    <div class="shop-info">
                        <a href="javascript:;" class="img"><img src="./resource/img/floor_shop_3_2.jpg" alt=""></a>
                    </div>
                </div>
                <div class="floor-shop">
                    <div class="shop-img">
                        <a href="javascript:;"><img src="./resource/img/floor_shop_33.jpg" alt=""></a>
                    </div>
                    <div class="shop-info">
                        <a href="javascript:;" class="img"><img src="./resource/img/floor_shop_3_3.jpg" alt=""></a>
                    </div>
                </div>
                <div class="floor-shop">
                    <div class="shop-img">
                        <a href="javascript:;"><img src="./resource/img/floor_shop_34.jpg" alt=""></a>
                    </div>
                    <div class="shop-info">
                        <a href="javascript:;" class="img"><img src="./resource/img/floor_shop_3_4.jpg" alt=""></a>
                    </div>
                </div>
                <div class="floor-shop">
                    <div class="shop-img">
                        <a href="javascript:;"><img src="./resource/img/floor_shop_35.jpg" alt=""></a>
                    </div>
                    <div class="shop-info">
                        <a href="javascript:;" class="img"><img src="./resource/img/floor_shop_3_5.jpg" alt=""></a>
                    </div>
                </div>
                <div class="floor-shop">
                    <div class="shop-img">
                        <a href="javascript:;"><img src="./resource/img/floor_shop_36.jpg" alt=""></a>
                    </div>
                    <div class="shop-info">
                        <a href="javascript:;" class="img"><img src="./resource/img/floor_shop_3_6.jpg" alt=""></a>
                    </div>
                </div>
                <div class="floor-shop">
                    <div class="shop-img">
                        <a href="javascript:;"><img src="./resource/img/floor_shop_37.jpg" alt=""></a>
                    </div>
                    <div class="shop-info">
                        <a href="javascript:;" class="img"><img src="./resource/img/floor_shop_3_7.jpg" alt=""></a>
                    </div>
                </div>
                <div class="floor-shop">
                    <div class="shop-img">
                        <a href="javascript:;"><img src="./resource/img/floor_shop_38.jpg" alt=""></a>
                    </div>
                    <div class="shop-info">
                        <a href="javascript:;" class="img"><img src="./resource/img/floor_shop_3_8.png" alt=""></a>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- 楼层3 -->
    <div class="floor floor-3" id="floor-3">
        <div class="floor-til">
            <h2><span>3F</span> 钢材</h2>
            <a href="javascript:;">更多 &#62</a>
        </div>
        <div class="floor-cont">
            <div class="floor-l left">
                <div class="l-img">
                    <a href="javascript:;"><img src="./resource/img/floor_l_2.jpg" alt=""></a>
                </div>
                <div class="l-cation">
                    <a href="javascript:;">螺纹钢</a>
                    <a href="javascript:;">盘螺</a>
                    <a href="javascript:;">线材</a>
                </div>
            </div>
            <div class="floor-r left">
                <div class="floor-shop">
                    <div class="shop-img">
                        <a href="javascript:;"><img src="./resource/img/floor_shop_21.jpg" alt=""></a>
                    </div>
                    <div class="shop-info">
                        <a href="javascript:;" class="img"><img src="./resource/img/floor_shop_2_1.jpg" alt=""></a>
                    </div>
                </div>
                <div class="floor-shop">
                    <div class="shop-img">
                        <a href="javascript:;"><img src="./resource/img/floor_shop_22.jpg" alt=""></a>
                    </div>
                    <div class="shop-info">
                        <a href="javascript:;" class="img"><img src="./resource/img/floor_shop_2_2.jpg" alt=""></a>
                    </div>
                </div>
                <div class="floor-shop">
                    <div class="shop-img">
                        <a href="javascript:;"><img src="./resource/img/floor_shop_23.jpg" alt=""></a>
                    </div>
                    <div class="shop-info">
                        <a href="javascript:;" class="img"><img src="./resource/img/floor_shop_2_3.jpg" alt=""></a>
                    </div>
                </div>
                <div class="floor-shop">
                    <div class="shop-img">
                        <a href="javascript:;"><img src="./resource/img/floor_shop_24.jpg" alt=""></a>
                    </div>
                    <div class="shop-info">
                        <a href="javascript:;" class="img"><img src="./resource/img/floor_shop_2_4.png" alt=""></a>
                    </div>
                </div>
                <div class="floor-shop">
                    <div class="shop-img">
                        <a href="javascript:;"><img src="./resource/img/floor_shop_25.jpg" alt=""></a>
                    </div>
                    <div class="shop-info">
                        <a href="javascript:;" class="img"><img src="./resource/img/floor_shop_2_5.jpg" alt=""></a>
                    </div>
                </div>
                <div class="floor-shop">
                    <div class="shop-img">
                        <a href="javascript:;"><img src="./resource/img/floor_shop_26.jpg" alt=""></a>
                    </div>
                    <div class="shop-info">
                        <a href="javascript:;" class="img"><img src="./resource/img/floor_shop_2_6.jpg" alt=""></a>
                    </div>
                </div>
                <div class="floor-shop">
                    <div class="shop-img">
                        <a href="javascript:;"><img src="./resource/img/floor_shop_27.jpg" alt=""></a>
                    </div>
                    <div class="shop-info">
                        <a href="javascript:;" class="img"><img src="./resource/img/floor_shop_2_7.jpg" alt=""></a>
                    </div>
                </div>
                <div class="floor-shop">
                    <div class="shop-img">
                        <a href="javascript:;"><img src="./resource/img/floor_shop_28.jpg" alt=""></a>
                    </div>
                    <div class="shop-info">
                        <a href="javascript:;" class="img"><img src="./resource/img/floor_shop_2_8.jpg" alt=""></a>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- 楼层4 -->
    <div class="floor floor-4" id="floor-4">
        <div class="floor-til">
            <h2><span>4F</span> 瓷砖</h2>
            <a href="javascript:;">更多 &#62</a>
        </div>
        <div class="floor-cont">
            <div class="floor-l left">
                <div class="l-img">
                    <a href="javascript:;"><img src="./resource/img/floor_l_4.jpg" alt=""></a>
                </div>
                <div class="l-cation">
                    <a href="javascript:;">全抛釉系列</a>
                    <a href="javascript:;">微晶石系列</a>
                    <a href="javascript:;">仿古砖系列</a>
                    <a href="javascript:;">玻化砖系列</a>
                    <a href="javascript:;">厨卫瓷砖系列</a>
                    <a href="javascript:;">木纹瓷砖系列</a>
                    <a href="javascript:;">背景墙系列</a>
                    <a href="javascript:;">配套系列</a>
                </div>
            </div>
            <div class="floor-r left">
                <div class="floor-shop">
                    <div class="shop-img">
                        <a href="javascript:;"><img src="./resource/img/floor_shop_41.jpg" alt=""></a>
                    </div>
                    <div class="shop-info">
                        <a href="javascript:;" class="img"><img src="./resource/img/floor_shop_4_1.jpg" alt=""></a>
                    </div>
                </div>
                <div class="floor-shop">
                    <div class="shop-img">
                        <a href="javascript:;"><img src="./resource/img/floor_shop_42.jpg" alt=""></a>
                    </div>
                    <div class="shop-info">
                        <a href="javascript:;" class="img"><img src="./resource/img/floor_shop_4_2.jpg" alt=""></a>
                    </div>
                </div>
                <div class="floor-shop">
                    <div class="shop-img">
                        <a href="javascript:;"><img src="./resource/img/floor_shop_43.jpg" alt=""></a>
                    </div>
                    <div class="shop-info">
                        <a href="javascript:;" class="img"><img src="./resource/img/floor_shop_4_3.jpg" alt=""></a>
                    </div>
                </div>
                <div class="floor-shop">
                    <div class="shop-img">
                        <a href="javascript:;"><img src="./resource/img/floor_shop_44.jpg" alt=""></a>
                    </div>
                    <div class="shop-info">
                        <a href="javascript:;" class="img"><img src="./resource/img/floor_shop_4_4.jpg" alt=""></a>
                    </div>
                </div>
                <div class="floor-shop">
                    <div class="shop-img">
                        <a href="javascript:;"><img src="./resource/img/floor_shop_45.jpg" alt=""></a>
                    </div>
                    <div class="shop-info">
                        <a href="javascript:;" class="img"><img src="./resource/img/floor_shop_4_5.png" alt="" style="height:auto;width:100%;margin:12px 0"></a>
                    </div>
                </div>
                <div class="floor-shop">
                    <div class="shop-img">
                        <a href="javascript:;"><img src="./resource/img/floor_shop_46.jpg" alt=""></a>
                    </div>
                    <div class="shop-info">
                        <a href="javascript:;" class="img"><img src="./resource/img/floor_shop_4_6.jpg" alt=""></a>
                    </div>
                </div>
                <div class="floor-shop">
                    <div class="shop-img">
                        <a href="javascript:;"><img src="./resource/img/floor_shop_47.jpg" alt=""></a>
                    </div>
                    <div class="shop-info">
                        <a href="javascript:;" class="img"><img src="./resource/img/floor_shop_4_7.jpg" alt=""></a>
                    </div>
                </div>
                <div class="floor-shop">
                    <div class="shop-img">
                        <a href="javascript:;"><img src="./resource/img/floor_shop_48.jpg" alt=""></a>
                    </div>
                    <div class="shop-info">
                        <a href="javascript:;" class="img"><img src="./resource/img/floor_shop_4_8.jpg" alt=""></a>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- 楼层5 -->
    <div class="floor floor-5" id="floor-5">
        <div class="floor-til">
            <h2><span>5F</span> 卫浴</h2>
            <a href="javascript:;">更多 &#62</a>
        </div>
        <div class="floor-cont">
            <div class="floor-l left">
                <div class="l-img">
                    <a href="javascript:;"><img src="./resource/img/floor_l_5.jpg" alt=""></a>
                </div>
                <div class="l-cation">
                    <a href="javascript:">台盆系列</a>
                    <a href="javascript:">坐便系列</a>
                    <a href="javascript:">淋浴器系列</a>
                    <a href="javascript:">水龙头系列</a>
                    <a href="javascript:">浴缸系列</a>
                    <a href="javascript:">淋浴房系列</a>
                    <a href="javascript:">挂件系列</a>
                </div>
            </div>
            <div class="floor-r left">
                <div class="floor-shop">
                    <div class="shop-img">
                        <a href="javascript:;"><img src="./resource/img/floor_shop_51.jpg" alt=""></a>
                    </div>
                    <div class="shop-info">
                        <a href="javascript:;" class="img"><img src="./resource/img/floor_shop_5_1.jpg" alt=""></a>
                    </div>
                </div>
                <div class="floor-shop">
                    <div class="shop-img">
                        <a href="javascript:;"><img src="./resource/img/floor_shop_52.jpg" alt=""></a>
                    </div>
                    <div class="shop-info">
                        <a href="javascript:;" class="img"><img src="./resource/img/floor_shop_5_2.jpg" alt=""></a>
                    </div>
                </div>
                <div class="floor-shop">
                    <div class="shop-img">
                        <a href="javascript:;"><img src="./resource/img/floor_shop_53.jpg" alt=""></a>
                    </div>
                    <div class="shop-info">
                        <a href="javascript:;" class="img"><img src="./resource/img/floor_shop_5_3.jpg" alt=""></a>
                    </div>
                </div>
                <div class="floor-shop">
                    <div class="shop-img">
                        <a href="javascript:;"><img src="./resource/img/floor_shop_54.jpg" alt=""></a>
                    </div>
                    <div class="shop-info">
                        <a href="javascript:;" class="img"><img src="./resource/img/floor_shop_5_4.jpg" alt=""></a>
                    </div>
                </div>
                <div class="floor-shop">
                    <div class="shop-img">
                        <a href="javascript:;"><img src="./resource/img/floor_shop_55.jpg" alt=""></a>
                    </div>
                    <div class="shop-info">
                        <a href="javascript:;" class="img"><img src="./resource/img/floor_shop_5_5.jpg" alt=""></a>
                    </div>
                </div>
                <div class="floor-shop">
                    <div class="shop-img">
                        <a href="javascript:;"><img src="./resource/img/floor_shop_56.jpg" alt=""></a>
                    </div>
                    <div class="shop-info">
                        <a href="javascript:;" class="img"><img src="./resource/img/floor_shop_5_6.jpg" alt=""></a>
                    </div>
                </div>
                <div class="floor-shop">
                    <div class="shop-img">
                        <a href="javascript:;"><img src="./resource/img/floor_shop_57.jpg" alt=""></a>
                    </div>
                    <div class="shop-info">
                        <a href="javascript:;" class="img"><img src="./resource/img/floor_shop_5_7.jpg" alt=""></a>
                    </div>
                </div>
                <div class="floor-shop">
                    <div class="shop-img">
                        <a href="javascript:;"><img src="./resource/img/floor_shop_58.jpg" alt=""></a>
                    </div>
                    <div class="shop-info">
                        <a href="javascript:;" class="img"><img src="./resource/img/floor_shop_5_8.jpg" alt=""></a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- web info -->
<div class="index-info main">
    <div class="index-info-box">
        <h2>海量订单、厂家直供</h2>
        <p>F2C模式，砍掉所有中间环节，价格更透明、更优惠</p>
    </div>
    <img src="./resource/img/index_info.png" alt="">
    <div class="index-info-box">
        <span>全系一线品牌厂家</span>
        <span>携手发展共享未来</span>
    </div>
</div>
<!-- 楼层 -->
<div class="pos-floor">
    <ul>
        <li><a href="javascript:;" class="pos-floor-0"></a></li>
        <li><a href="javascript:;" class="pos-floor-1"></a></li>
        <li><a href="javascript:;" class="pos-floor-2"></a></li>
        <li><a href="javascript:;" class="pos-floor-3"></a></li>
        <li><a href="javascript:;" class="pos-floor-4"></a></li>
        <li><a href="javascript:;" class="pos-floor-5"></a></li>
    </ul>
</div>
<!-- 底部 -->
<div class="foot">
    <div class="main">
        <div class="left">
            <div class="foot-nav">
                <dl>
                    <dt><span>关于央票通</span></dt>
                    <dd>
                        <a href="javascript:;" target="_blank">公司简介</a>
                        <a href="javascript:;" target="_blank">团队介绍</a>
                        <a href="javascript:;" target="_blank">加入我们</a>
                        <a href="javascript:;" target="_blank">联系我们</a>
                    </dd>
                </dl>
                <dl>
                    <dt><span>新手上路</span></dt>
                    <dd>
                        <a href="javascript:;" target="_blank">新手专区</a>
                        <a href="javascript:;" target="_blank">交易安全</a>
                        <a href="javascript:;" target="_blank">24小时在线帮助</a>
                        <a href="javascript:;" target="_blank">免费开店</a>
                    </dd>
                </dl>
                <dl>
                    <dt><span>配送方式</span></dt>
                    <dd>
                        <a href="javascript:;" target="_blank">货到付款</a>
                    </dd>
                </dl>
                <dl>
                    <dt><span>售后服务与保障</span></dt>
                    <dd>
                        <a href="javascript:;" target="_blank">保障范围</a>
                        <a href="javascript:;" target="_blank">退货退款流程</a>
                        <a href="javascript:;" target="_blank">服务中心</a>
                    </dd>
                </dl>
                <dl>
                    <dt><span>联系方式</span></dt>
                    <dd>
                        <a href="javascript:;" target="_blank">400-0678-797</a>
                    </dd>
                </dl>
            </div>
            <div class="foot-info">
                <p>中企汇（北京）有限公司 京ICP备15043001   Copyright © 2016  yangpiaotong.com 版权所有</p>
            </div>
        </div>
        <div class="foot-code right">
            <img src="./resource/img/foot_code.png" alt="">
        </div>
    </div>
</div>
<script src="./resource/js/jquery-1.11.3.min.js"></script>
<script src="./resource/js/ypt_index.js"></script>
<script src="./resource/js/ypt_index_floor.js"></script>
<script src="./resource/js/jquery.flexslider-min.js"></script> <!-- banner -->
<script>
    $('.banner').flexslider({	//banner轮播
        directionNav: true,
        pauseOnAction: false
    });
    //导航 商品全部 隐藏显示
    // var $allW = $('.all-wrap');
    // $allW.hide();
    // $('.nav .nav-all').attr('rel','hide');
    // $('.nav .nav-all').hover(function(){
    // 	$(this).attr('rel','show');
    // 	$allW.show();
    // },function(){
    // 	$allW.hover(function(){
    // 		$(this).attr('rel','show');
    // 		$allW.show();
    // 	},function(){
    // 		$(this).attr('rel','hide');
    // 		$allW.hide();
    // 	});
    // });
</script>
</body>
</html>